/* 轮播图 */
.banner {
  margin-top: 4em;

  .carousel-indicators {
    margin-bottom: 0;
    bottom: 5px;
    li {
      border: none;
      background-color: #fff;
    }

    .active {
      width: 10px;
      height: 10px;
      margin: 1px;
      background-color: #fade5d;
    }
  }

  .carousel-inner {
    .item {
      .carousel-caption {
        width: 100%;
        left: 0;
        text-align: left;
        padding: .4em 0;
        padding-left: 2em;
        background-color: rgba(0, 0, 0, .5);
        font-size: .8em;
      }
    }
  }
}

/* 类别种类 */
.kinds {
  ul {
    margin: 0;
    padding: 0 .7em;

    li {
      display: flex;
      width: 100%;
      margin-top: .7em;
      list-style: none;
      background: url(../images/kind_bg.png) no-repeat;
      background-color: rgba(255, 255, 255, .5);

      .img {
        width: 60%;
        img {
          width: 100%;
        }
      }

      .btn_info {
        position: relative;
        width: 40%;
        background: url(../images/kind_bg1.png) no-repeat;
        background-position: center;
        background-size: 35%;

        button {
          width: 80%;
          height: 30%;
          position: absolute;
          left: 50%;
          top: 48%;
          transform: translate(-50%,-50%);
          background: url(../images/btn_bg.png) no-repeat;
          background-size: 92%;
          border: none;
          font-size: 1em;
          color: #fff;
          line-height: .8;

          &::before {
            position: absolute;
            content: "";
            display: block;
            width: 2em;
            height: 2em;
            background: url(../images/kind_bg1.png) no-repeat;
            background-size: 80%;
          }
        }

        a {
          position: relative;
          z-index: 99;
          display: inline-block;
          width: 100%;
          height: 100%;
        }

      }
    }

  }
}

.footer {
  ul {
    li:nth-of-type(1) {
      img:nth-of-type(1) {
        display: none;
      }
    
      img:nth-of-type(2) {
        display: inline-block;
      }
      p {
        color: #fade5d;
      }
    }
  }
}